<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>float</title>
	<style type="text/css">
		.tour{
			width: 680px;
		}
		.tour-img {
			float: left;
			margin-right: 10px;
		}
		.tour-text {
			/*clear: both;*/
		}
		.tour:nth-child(2n) .tour-img {
			/*float: right;
			margin-left: 10px;
			margin-right: 0;*/
		}
		.no-float {
			background: #ccc;
		}
	</style>
</head>
<body>
	<div class="tour">
		<img class="tour-img" src="http://coding.imweb.io/img/img-style.png" alt="旅游" width="200">
		<div class="tour-text">
			<h3>“华丽的冒险”之美国西部游</h4>
			<p>美西，对我来说就像经历了一场真实又遥远的梦，如今大梦初醒，回到正常的生活轨道，留下值得回味的余温，收藏在心里，慢慢咀嚼，不知觉中，在时光里慢慢发酵，带着它奔向下一个梦境。</p>
		</div>
	</div>
	<div class="tour">
		<img class="tour-img" src="http://coding.imweb.io/img/img-style.png" alt="旅游" width="200">
		<div class="tour-text">
			<h3>“华丽的冒险”之美国西部游</h4>
				<p>美西，对我来说就像经历了一场真实又遥远的梦，如今大梦初醒，回到正常的生活轨道，留下值得回味的余温，收藏在心里，慢慢咀嚼，不知觉中，在时光里慢慢发酵，带着它奔向下一个梦境。</p>
		</div>
	</div>
	<div class="no-float">我是其他内容</div>
</body>
</html>





